<template>
	<view class="top_carout">
		<view class="top_body">
			<text class="top_content">{{title}}</text>
		</view>
		<view class="top_feet">
			<view>
				<text class="top_feettext_left" style="color: red;">置顶</text>
				<text class="top_feettext_left">{{category}}</text>
				<text class="top_feettext_left">新华社</text>
			</view>
			<view>
				<text class="top_feettext_right">{{time}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		
		data() {
			return {

			}
		},
		methods: {

		},
		props: {
			title: {
				type: String,
				default: "新闻标题"
			},
			time: {
				type: String,
				default: "2025-12-02 10:41:34"
			},
			category: {
				type: String,
				default: "分类"
			},
			views: {
				type: Number,
				default: 0
			},
			description: {
				type: String,
				default: "详细内容"
			},
			url: {
				type: String,
				default: "地址"
			},
			source: {
				type: String,
				default: "来源"
			},
			top: {
				type: Boolean,
				default: false
			}
		}
	}
</script>

<style>
	.top_carout {
		background-color: #ffffff;
		margin: 20rpx;
		padding: 20rpx;
		height: 120rpx;
		color: #cacaca;
		border-radius: 20rpx;
		border: 2rpx solid #d8d8d8;
	}

	.top_body {
		display: flex;
		height: 80rpx;
		font-size: 39rpx;
		margin-bottom: 10rpx;
		color: #000000;
	}

	.top_feet {
		font-size: 30rpx;
		display: flex;
		justify-content: space-between
	}

	.top_content {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		width: 100%;
		/* margin-left: 20rpx; */
		font-size: 30rpx;
	}
	
	.top_feettext_left {
		font-size: 20rpx;
		margin-right: 10rpx;
	}
	
	.top_feettext_right {
		font-size: 20rpx;
	}
</style>